// 覆盖样式
@tb-head: #363842;
@tb-row-hover: #a69d9c;
@primary-color: #1da57a;

// 面包屑（Ant Design <a-breadcrumb> components）
.breadcrumb {
  padding-bottom: 20px;
}

.ant-tree-title {
   overflow: hidden;
}
.ant-btn-dsp-edit {
  color: #FAAD14;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.ant-btn-dsp-edit:hover{
  background-color: #FAAD14;
  border-color: #FAAD14;
  color: #fff;;
}


// menu
.ant-menu-horizontal {
  line-height: 50px;
}
.ant-modal-mask {
  z-index: 99999999;
}
.ant-modal-wrap {
  z-index: 999999999;
}
.ant-select-dropdown {
  z-index: 1999999999;
}
.ant-card-cover {
  width: 500px;
  > * {
    display: block;
    width: auto;
  }
}
.file-view-box {
  .ant-card-bordered {
    border: none;
    overflow: auto;
    background-color: transparent;
  }
}

header div.bar button,
header div.bar button:focus,
header div.bar button:hover {
  background-color: transparent;
}
header div.bar button:focus {
  color: @primary-color;
}

table {
  th {
    white-space:nowrap;
    div {
      text-align: center;
    }
  }
  th, td {
    text-align: center;
  }
}

.ant-modal-wrap {
  .ant-form-item-label {
    line-height: 1;
  }
  .ant-form-item {
    // margin-bottom: 0;
  }
}

#app {
  .b-r-none {
    .ant-select-selection--single {
      border-right: 0;
    }
  }
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #1DA57A;
  color: #f0f2f5;
}
li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: rgba(0, 0, 0, 0.65)!important;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper {
  width: 85%;
  .ant-tree-title {
    width: 100%;
    display: inline-block;
  }
}

/* 暗黑模式 */
#app.dark {
  .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
    text-shadow:none;
  }

  color: rgba(255, 255, 255, 0.65);
  /*公共 黑色主题时 背景浅黑*/
  .dark-b-999 {
    background: rgb(119, 119, 119);
  }
  .dark-font-666 {
    color: #666;
  }
  .dark-font-777 {
    color: #666;
  }
  .dark-b-fff {
    background: #fff;
  }
  /* 广告 | 廣告创意*/
  .originality-creative,.adver-campaign,.edit-user,.form-inner {
    .anticon-up,.anticon-down,.anticon-link,.anticon-lock {
      color: #444!important;
    }
  }
  .nav {
    > a::after {
      background-color: rgba(255, 255, 255, 1);
    }
    > a:not(.active) {
      color: rgba(255, 255, 255, .45);
    }
    > a.active {
      color: rgba(255, 255, 255, 1);
    }
  }
  header {
    background-color: #464852;
    div.bar button {
      color: rgba(255, 255, 255, 0.85);
    }
  }
  h1, h2, h3, h4, h5, h6 {
    color: rgba(255, 255, 255, 0.85)
  }
  .ant-form-item-label label,.ant-form-item-children .ant-calendar-range-picker-separator,.ant-calendar-picker-input .ant-calendar-range-picker-separator {
    color: rgba(255, 255, 255, 0.85);
  }
  // radio & input
  .ant-input {
    background-color: transparent;
  }
  /*暗黑模式 -》 登录页*/
  .wrapper {
    .account {
      .ant-input,.ant-select-selection {
        background-color: #fff!important;
        color: #666!important;
      }
    }
  }

  .ant-input,
  .ant-input-number,
  .ant-checkbox-wrapper,
  .ant-radio-wrapper {
    color: rgba(255, 255, 255, 0.65);
  }
  /* .ant-input {
    color: rgba(255, 255, 255, 0.65);
  } */
  .ant-select-selection {
    background-color: transparent;
  }
  #admin-header .ant-select-selection {
    border-radius: 0;
  }
  .ant-select {
    color: rgba(255, 255, 255, 0.65);
  }
  .ant-input-number {
    background-color: transparent;
  }
  .ant-table {
    color: rgba(255, 255, 255, 0.65);
    a {
      color: rgba(255, 255, 255, 0.65);
      text-decoration: underline;
    }
  }
  .ant-table-thead > tr > th, .ant-table-placeholder{
    background: @tb-head;
    color: rgba(255, 255, 255, 0.85);
  }
  .ant-table-tbody > tr.ant-table-row-selected td,
  .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: @tb-row-hover;
  }
  .ant-table-fixed-left table, .ant-table-fixed-right table {
    background: @tb-head;
  }
  .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
  .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
  .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
  .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: @tb-row-hover;
  }
  .ant-breadcrumb a {
    color: rgba(255, 255, 255, 0.95);
  }
  .ant-breadcrumb-separator {
    color: rgba(255, 255, 255, 0.45);
  }
  .ant-breadcrumb > span:last-child {
    color: rgba(255, 255, 255, 0.65);
  }
  /* .ant-menu-horizontal > .ant-menu-item:hover,
  .ant-menu-horizontal > .ant-menu-submenu:hover,
  .ant-menu-horizontal > .ant-menu-item-active,
  .ant-menu-horizontal > .ant-menu-submenu-active,  */
  /* .ant-menu-horizontal > .ant-menu-item-open,  */
  .ant-menu-horizontal > .ant-menu-submenu-open,
  .ant-menu-horizontal > .ant-menu-item-selected,
  .ant-menu-horizontal > .ant-menu-submenu-selected {
    color: #fff;
    border-bottom: 2px solid #fff;
  }
  nav .ant-menu-horizontal {
    border-bottom: 1px solid #e8e8e8;
  }
  .ant-menu.ant-menu-dark .ant-menu-item-selected,
  .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background: transparent;
  }
}

/* 白天模式 */
#app.white {
  color: rgba(0, 0, 0, 0.65);
  .ant-form-item-label label {
    color: rgba(0, 0, 0, 0.85);
  }
  // radio & input
  .ant-input,
  .ant-radio-wrapper {
    color: rgba(0, 0, 0, 0.65);
  }
  .ant-select-selection {
    background-color: transparent;
  }
  #admin-header .ant-select-selection {
    border-radius: 0;
  }
  .account .ant-select-selection {
    background-color: #fff;
  }
  .ant-select {
    color: rgba(0, 0, 0, 0.65);
  }
}

// CreateCampaign 提交位置按钮的label
.add-btn .ant-form-item-label {
  visibility: hidden;
}

.nav {
  > a::after {
    background-color: #1da57a;
  }
}
.account .nav > a:not(.active) {
  color: rgba(0, 0, 0, .45);
}
:not(.account) .nav > a:not(.active) {
  color: rgba(0, 0, 0, .65);
}

// 小莫+
// 注册界面
// .phoneNumber .has-error .ant-select-arrow {
//   color: rgba(0, 0, 0, 0.25);
// }
#app.white .account .phoneNumber .ant-select-selection{
  background-color: transparent;
}
